.btn-start {
  position: absolute;
  left: 65px;
  top: 420px;
  width: 70px; }

.btn-record-data {
  position: absolute;
  left: 30px;
  top: 490px;
  width: 85px; }

.graph {
  position: absolute;
  left: 405px;
  top: 38px; }

.btn-surfactant {
  position: absolute;
  left: 80px;
  top: 32px;
  width: 85px; }

.btn-flush {
  position: absolute;
  left: 171px;
  top: 32px;
  width: 70px; }

.btn-reset {
  position: absolute;
  left: 247px;
  top: 32px;
  width: 75px; }

.btn-clear-tracings {
  position: absolute;
  left: 679px;
  top: 279px;
  width: 98px;
  height: 25px;
  padding: 0; }

.btn-valve {
  position: absolute;
  left: 24px;
  top: 264px;
  width: 41px;
  height: 33px;
  background: transparent !important;
  border: none !important; }

.input-display-data {
  width: 175px;
  height: 25px; }
  .input-display-data .container {
    min-height: initial; }
  .input-display-data label {
    text-align: left; }

.input-breath-rate {
  position: absolute;
  left: 165px;
  top: 417px; }

.input-air-flow-left {
  position: absolute;
  left: 400px;
  top: 342px; }

.input-air-flow-right {
  position: absolute;
  left: 400px;
  top: 382px; }

.input-total-air-flow {
  position: absolute;
  left: 400px;
  top: 422px;
  width: 210px; }

.input-intrapleural-pressure-left {
  left: 590px;
  top: 343px;
  -webkit-align-items: flex-start;
          align-items: flex-start; }

.input-intrapleural-pressure-right {
  left: 590px;
  top: 390px;
  -webkit-align-items: flex-start;
          align-items: flex-start; }

a {
  display: inline-block; }

.data-table {
  position: absolute; }

.data-table--footer {
  top: 470px;
  left: 124px;
  width: 650px;
  height: 107px; }
  .data-table--footer .body {
    overflow-y: scroll !important; }

.experiment-result-layout .popup {
  width: 95vw;
  max-width: 770px; }
  .experiment-result-layout .popup .container {
    margin-left: auto;
    margin-right: auto; }

.result-graph-wrap {
  border: none !important; }

[role="columnheader"] br {
  display: none; }

.experiment-result .head {
  font-size: 80%; }

@media only screen and (orientation: portrait) and (max-width: 640px) {
  .experiment-result .head {
    font-size: 65%; }
  .experiment-result .body {
    font-size: 70%; }
  .experiment-result [role="columnheader"] br {
    display: block; } }

@media only screen and (orientation: landscape) and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .experiment-result .head {
    font-size: 65%; }
  .experiment-result .body {
    font-size: 70%; }
  .experiment-result [role="columnheader"] br {
    display: block; } }

/*# sourceMappingURL=index.css.map*/